<div class="login-wrapper">
  <form class="login">
    <section class="title">
      <h3 class="welcome">Welcome to</h3>
      Company Product Name
      <h5 class="hint">Use your Company ID to sign in or create one now</h5>
    </section>
    <div class="login-group">
      <clr-input-container>
        <label class="clr-sr-only">Username</label>
        <input type="text"
          name="username"
          clrInput
          placeholder="Username"
          [(ngModel)]="username" />
      </clr-input-container>
      <clr-password-container>
        <label class="clr-sr-only">Password</label>
        <input type="password"
          name="password"
          clrPassword
          placeholder="Password"
          [(ngModel)]="password" />
      </clr-password-container>

      <button type="submit"
        (click)="submit();"
        class="btn btn-primary">LOGIN</button>
    </div>
  </form>
</div>
